<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../clean_style.css">
    <link rel="stylesheet" href="./shpping.css"
</head>
<body>
    <table>
        <thead>
            <th>序号</th>
            <th>名称</th>
            <th>单价/元</th>
            <th>数量/个</th>
            <th>小计</th>
            <th>操作</th>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>苹果</td>
                <td>2</td>
                <td>
                    <button class="less">-</button>
                    <span>0</span>
                    <button class="more">+</button>
                </td>
                <td><span>0</span></td>
                <td><button class="del">删除</button></td>
            </tr>
            <tr>
                <td>2</td>
                <td>香蕉</td>
                <td>5</td>
                <td>
                    <button class="less">-</button>
                    <span>0</span>
                    <button class="more">+</button>
                </td>
                <td><span>0</span></td>
                <td><button class="del">删除</button></td>
            </tr>
            <tr>
                <td>3</td>
                <td>西瓜</td>
                <td>10</td>
                <td>
                    <button class="less">-</button>
                    <span>0</span>
                    <button class="more">+</button>
                </td>
                <td><span>0</span></td>
                <td><button class="del">删除</button></td>
            </tr>
            <tr>
                <td>4</td>
                <td>芒果</td>
                <td>20</td>
                <td>
                    <button class="less">-</button>
                    <span>0</span>
                    <button class="more">+</button>
                </td>
                <td><span>0</span></td>
                <td><button class="del">删除</button></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td style="font-weight: 600;">总和</td>
                <td><button>添加水果</button></td>
                <td>/</td>
                <td><span>0</span></td>
                <td><span>0</span></td>
                <td>/</td>
            </tr>
        </tfoot>
    </table>
    <div class="fix">
        <div>
            <span>名称:</span>
            <input type="text">
        </div>
        <div>
            <span>单价:</span>
            <input type="text">
        </div>
        <div>
            <button id="cancel">取消</button>
            <button id="certain">确定</button>
        </div>
    </div>
    <script src="./shopping.js"></script>
</body>
</html>